<script setup>
</script>

<template>
  <router-view />
</template>

<style lang="scss">
  @font-face { font-family: "iconfont"; src: url('//at.alicdn.com/t/font_3301984_jlm8h049w3h.ttf?t=1654175577376') format('truetype'); }
  .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

  .el-checkbox__label { padding-left:5px!important; }
  .el-drawer__body { overflow: auto; }
  
  html,body { padding:0; margin: 0; width: 100%; height: 100%; background-color: #fff; overflow: hidden; }
  a { color: #333; text-decoration: none; }
  input[type="text"],input[type="password"],textarea { margin: 0; padding:0; box-sizing: border-box; padding:0 0 0 15px!important; height: 33px; border-radius: 6px!important; }
  .input input[type="text"], .input input[type="password"] { padding-left:35px!important; }
  textarea { padding-top: 10px!important; }
  .el-input__inner { border-radius: 0!important; }
  .el-switch__label { font-weight: normal!important; }
  .el-radio__label { font-weight: normal!important; }
  .el-checkbox__label { font-weight: normal!important; }
  .el-switch__label span { font-size: 14px!important; }
  .el-date-editor { height: 33px!important; border-radius: 6px!important; }
  /* .el-input__suffix { align-items: center; } */
  /*
  .el-date-editor .el-range__icon, .el-date-editor  .el-range__close-icon { display: flex; } */
  .hidtext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  .searchDiv { padding: 0px 0 15px 0; display: flex; flex-wrap: wrap;}
  .dialogsearchDiv { padding: 0px 0 10px 0; display: flex; }
  .searchRight { flex: 1; display: flex; justify-content: flex-end; }
  .search_key { width:140px!important; margin: 0 5px 0 0; }
  .search_select { margin: 0 5px 0 0; }

  /* #btn */
  .elhid { display: none!important;; }
  .btn { height: 30px; line-height: 30px; display: inline-block; cursor: pointer; padding: 0 15px; font-size: 14px; border-radius: 5px; color: #333; background-color: #fff; }
  /* .btn:hover { box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%); } */
  .add { height: 33px; line-height: 33px; margin-right: 10px; box-sizing: border-box; background-color: #0B6BFF; color: #ffffff; cursor: pointer; }
  .search, .refresh, .download { height: 33px; line-height: 33px; box-sizing: border-box; text-align: center; cursor: pointer; }
  /* .search::after { content: '\e63c'; font-family: "iconfont"; } */
  .search { background: #0B6BFF; color: #ffffff; margin-left: 10px; width: 80px; }
  .refresh, .download { margin-left: 10px; width: 33px; height: 33px;background: #0B6BFF; box-sizing: border-box; padding: 0; border: 0px solid #C0C4CC;display: flex; align-items: center; justify-content: center; }
  .refresh::after { content:'\e6c2'; font-family: "iconfont"; font-size: 16px; color: #ffffff; }
  .download::after { content:'\e6a2'; font-family: "iconfont"; font-size: 16px; color: #0B6BFF; }
  .btn.sub { min-width: 100px; min-height: 40px; box-sizing: border-box; background: #DDEAFF; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #0B6BFF; margin: 0 0 20px 20px; }
  .btn.clear { min-width: 100px; min-height: 40px; box-sizing: border-box; color: #888888; border-radius: 5px; font-size: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid #888888; margin-bottom: 20px; }

  // 隐藏滚动条
  
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px !important; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgb(190, 190, 190);
  cursor: pointer;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
  cursor: pointer;
}

  /* table */
  .listDiv { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column;}
  .dialoglistDiv{position: relative;width: 100%; min-height: 500px; display: flex; flex-direction: column;flex: 1;}
  .table { display: flex; flex-direction: column; color: rgba(0,0,0,.85); font-size:14px; flex:1; margin-bottom: 20px; min-height: 0; /*这会导致内部撑开而不撑爆 */ }
  .table ul, .table li { list-style: none; padding:0; margin: 0; display: flex; align-items: center; }
  .table ul { height: 50px; align-items: stretch; }
  .table .head { min-height: 50px; height: 50px; background-color: #D6E6FF; color:#0B6BFF; font-weight: bold; overflow-y: scroll; padding: 0 10px; box-sizing: border-box; border-radius: 5px 5px 0px 0px;}
  .table .body {  min-height: 0; overflow-y: scroll; color: #666666; }
  .table .body ul { padding: 0 10px; box-sizing: border-box; }
  .table .body ul:nth-of-type(even) { background-color: #F3F6FB; }
  .table .body .btns { color:#0070CC; }
  .table .body .btns a { color:#0070CC; margin: 0 5px 0 5px; cursor: pointer; }
  .table li { padding-left: 5px; }
  .table .body ul:last-child { border-bottom: 0; }
  .pages { width: 100%; height: 60px; display: flex; font-size:14px; color: rgba(0,0,0,.65); }
  .pages u { height: 30px;  display:flex; align-items: center; text-decoration: none; }
  .pages a,.pages span, .pages samp { width: 30px; height: 30px; display:flex; justify-content: center; align-items: center; }
  .pages a,.pages span { cursor: pointer; }
  .pages span { color: #0070CC; font-weight: bold; text-decoration:none; }
  .pages .p_back::after { content:'\e610'; font-family: "iconfont"; }
  .pages .p_next::after { content:'\e629'; font-family: "iconfont"; }

  .table_box{
    flex:1;overflow-x: auto !important;  // 特意外面加了一层
    //  background:
    //     linear-gradient(#fff, transparent 100%),
    //     linear-gradient(rgba(0, 0, 0, .5), transparent 100%);
    // background-size: 30px 100%, 30px 100%;
    // background-position: 100% 0;
    // background-repeat: no-repeat;
    // background-attachment: local, scroll;
  }
  .table_{
    font-size: 14px; min-width: max-content; //这个自动填满的 注意 没这个不行
    .head,.body{}
    .head{  position: sticky; top :0;z-index: 1; min-height: 50px; background-color: #f3f3f3; color:#1e1e1e; font-weight: bold; border-radius: 5px 5px 0px 0px;}
    .body{  color: #666666;}

    ul,li{list-style:none;padding:0; margin: 0; min-height: 50px; height: auto;}
    ul{display: flex; flex-direction: row; align-items: center; justify-content: flex-start;align-items: flex-start;}
    li{box-sizing: border-box;flex: 1;min-width: 100px;display: flex;flex-direction: row;display: inline-flex !important;align-items: center;}
    .head li{padding: 20px;}
    .body li{padding: 10px 20px;}
    .body ul:nth-of-type(even) { background-color: #fafafa;}
    u { height: 30px;  display:flex; align-items: center; text-decoration: none; }

    .mw50{min-width:50px} .mw60{min-width:60px} .mw70{min-width:70px} .mw80{min-width:80px} .mw90{min-width:90px}
    .mw100{min-width:100px;} .mw110{min-width:110px} .mw120{min-width:120px} .mw130{min-width:130px} .mw140{min-width:140px} .mw150{min-width:150px} .mw160{min-width:160px}
    .mw170{min-width:170px} .mw180{min-width:180px} .mw190{min-width:190px} .mw200{min-width:200px} .mw210{min-width:210px} .mw220{min-width:220px} .mw230{min-width:230px}
    .mw240{min-width:240px} .mw250{min-width:250px}.mw280{min-width:280px} .mw300{min-width:300px} .mw400{min-width:400px} .mw500{min-width:500px} .mw600{min-width:600px}

    .mxw50{max-width:50px} .mxw60{max-width:60px} .mxw70{max-width:70px} .mxw80{max-width:80px} .mxw90{max-width:90px}
    .mxw100{max-width:100px;} .mxw110{max-width:110px} .mxw120{max-width:120px} .mxw130{max-width:130px} .mxw140{max-width:140px} .mxw150{max-width:150px} .mxw160{max-width:160px}
    .mxw170{max-width:170px} .mxw180{max-width:180px} .mxw190{max-width:190px} .mxw200{max-width:200px} .mxw210{max-width:210px} .mxw220{max-width:220px} .mxw230{max-width:230px}
    .mxw240{max-width:240px} .mxw250{max-width:250px}.mxw280{max-width:280px} .mxw300{max-width:300px} .mxw400{max-width:400px} .mxw500{max-width:500px} .mxw600{max-width:600px}

    .wcen{display: flex;justify-content: center;}.hcen{display: flex;align-items: center;}
  }

  li.liflex { flex:1; }
  li.liimg { width: 110px; }
  .body li.liimg { height: 80px; overflow: hidden; }
  .body ul.img { height: 80px; }
  li.liimg img { max-width: 100px; max-height: 62px; }
  li.litime { width: 160px; }
  li.liday { width: 110px; }
  li.limobile { width: 100px; }
  li.listate { width: 130px; }
  li.liaction { width: 50px; }
  li.a2 { width: 100px; }
  li.a3 { width: 170px; }
  li.liaction u { margin-right:5px; text-decoration: none; cursor: pointer; color: #1890FF; margin-right: 20px; }
  
  /* tinymce */
  .tox .tox-tbtn--select { width:85px!important; }

  /* 时间框 */
  /* .date_picker { width: 120px; } */
  .date_picker input { padding-left: 30px!important; }
  .date_range input { padding-left: 5px!important; padding-right: 10px; }

  .el-tabs__content { flex: 1; }
  .el-tabs__header.is-top { border: 1px solid transparent!important; }
  .el-tabs__item.is-top.is-active.is-focus { border: 1px solid transparent!important; }




  

.state-btn-info{padding: 0 4px;box-sizing: border-box;border-radius: 2px;font-size: 10px;background: #f0f0f0;color: #999;}
.state-btn-primary{padding: 0 4px;box-sizing: border-box;border-radius: 2px;font-size: 10px;background: rgba(0,122,255,0.1);color: rgba(0,122,255,1);}
.state-btn-success{padding: 0 4px;box-sizing: border-box;border-radius: 2px;font-size: 10px;background: rgba(66,207,149,0.1);color: rgba(66,207,149,1);}
.state-btn-warning{padding: 0 4px;box-sizing: border-box;border-radius: 2px;font-size: 10px;background: rgba(240,173,78,0.1);color: rgba(240,173,78,1);}
.state-btn-error{padding: 0 4px;box-sizing: border-box;border-radius: 2px;font-size: 10px;background: rgba(221,82,77,0.1);color: rgba(221,82,77,1);}

.label-btn-info{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: #f0f0f0;color: #999;}
.label-btn-primary{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: rgba(0,122,255,0.1);color: rgba(0,122,255,1);border: 1px solid #d9ecff;}
.label-btn-success{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: rgba(66,207,149,0.1);color: rgba(66,207,149,1);border: 1px solid #e1f3d8;}
.label-btn-warning{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: rgba(240,173,78,0.1);color: rgba(240,173,78,1);border: 1px solid #faecd8;}
.label-btn-error{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: rgba(221,82,77,0.1);color: rgba(221,82,77,1);border: solid 1px #fde2e2;}
.label-btn-other{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: rgba(144, 76, 233, 0.1);color: rgba(144, 76, 233, 1);border: solid 1px rgba(144, 76, 233, 0.1);}
.label-btn-pink{padding: 6px 10px;box-sizing: border-box;border-radius: 2px;font-size: 10px !important;background: #fef0f0;color: #f56c6c;border: solid 1px #fde2e2;}


.btn-gray{color: #999;background: #f0f0f0;font-size:14px;}
.btn-info{color: #fff;background: #999;font-size:14px;}
.btn-primary{color: #fff;background: rgba(0,122,255,1);font-size:14px;}
.btn-success{color: #fff;background: rgba(66,207,149,1);font-size:14px;}
.btn-warning{color: #fff;background: rgba(240,173,78,1);font-size:14px;}
.btn-error{color: #fff;background: rgba(221,82,77,1);font-size:14px;}

.bgcolor1{background-image: linear-gradient(to right, #a551ff 0%, #902cfa 100%);}
.bgcolor2{background-image: linear-gradient(to right, #76bfff 0%, #4facfe 100%);}
.bgcolor3{background-image: linear-gradient(to right, #fea540 0%, #eb8c1f 100%);}
.bgcolor4{background-image: linear-gradient(to top, #00b4fb 0%, #2a79f8 100%);}
.bgcolor5{background-image: linear-gradient(to right, #ff90bc 0%, #ed6ea0 100%);}
.bgcolor6{background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);}
.bgcolor7{background-image: linear-gradient(to top, #ff0844 0%, #fd997a 100%);}
.bgcolor8{background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);}
.bgcolor9{background-image: linear-gradient(to right, #ff7e5b 0%, #f96723 100%);}
.bgcolor10{background-image: linear-gradient(-225deg, #91eec4 0%, #50A7C2 100%);}
.bgcolor11{background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);}


  .tox-statusbar{display: none !important;}
  .pointer{cursor: pointer;}
  .return{font-size: 18px;color:#0070CC;}


  /* 常用样式类 */
  .ml5 { margin-left: 5px !important; }
  .ml10 { margin-left: 10px !important; }
  .ml15 { margin-left: 15px !important; }
  .ml20 { margin-left: 20px !important; }
  .ml30 { margin-left: 30px !important; }
  .mr5 { margin-right: 5px !important; }
  .mr10 { margin-right: 10px !important; }
  .mr15 { margin-right: 15px !important; }
  .mr20 { margin-right: 20px !important; }
  .mr30 { margin-right: 30px !important; }
  .mb2 { margin-bottom: 2px !important; }
  .mb5 { margin-bottom: 5px !important; }
  .mb10 { margin-bottom: 10px !important; }
  .mb15 { margin-bottom: 15px !important; }
  .mb20 { margin-bottom: 20px !important; }
  .mb30 { margin-bottom: 30px !important; }
  .mt2 { margin-top: 2px !important; }
  .mt5 { margin-top: 5px !important; }
  .mt10 { margin-top: 10px !important; }
  .mt15 { margin-top: 15px !important; }
  .mt20 { margin-top: 20px !important; }
  .mt30 { margin-top: 30px !important; }

  .pl10 { padding-left: 10px; box-sizing: border-box}
  .pl15 { padding-left: 15px; box-sizing: border-box}
  .pl20 { padding-left: 20px; box-sizing: border-box}
  .pr10 { padding-right: 10px; box-sizing: border-box}
  .pr15 { padding-right: 15px; box-sizing: border-box}
  .pr20 { padding-right: 20px; box-sizing: border-box}
  .pb10 { padding-bottom: 10px; box-sizing: border-box}
  .pb15 { padding-bottom: 15px; box-sizing: border-box}
  .pb20 { padding-bottom: 20px; box-sizing: border-box}
  .pt10 { padding-top: 10px; box-sizing: border-box}
  .pt15 { padding-top: 15px; box-sizing: border-box}
  .pt20 { padding-top: 20px; box-sizing: border-box}
  .pd10 { padding: 10px;box-sizing: border-box}
  .pd15 { padding: 15px;box-sizing: border-box}
  .pd20 { padding: 20px;box-sizing: border-box}
  .pd30 { padding: 30px;box-sizing: border-box}

  .pd5-row{padding-left: 5px;padding-right:5px;box-sizing: border-box;}
  .pd10-row{padding-left: 10px;padding-right:10px;box-sizing: border-box;}
  .pd15-row{padding-left: 15px;padding-right:15px;box-sizing: border-box;}
  .pd20-row{padding-left: 20px;padding-right:20px;box-sizing: border-box;}
  .pd30-row{padding-left: 30px;padding-right:30px;box-sizing: border-box;}
  .pd5-column{padding-top: 5px;padding-bottom:5px; box-sizing: border-box;}
  .pd10-column{padding-top: 10px;padding-bottom:10px; box-sizing: border-box;}
  .pd15-column{padding-top: 15px;padding-bottom:15px; box-sizing: border-box;}
  .pd20-column{padding-top: 20px;padding-bottom:20px; box-sizing: border-box;}
  .pd30-column{padding-top: 30px;padding-bottom:30px; box-sizing: border-box;}

  .flex-row { display: flex;flex-direction: row;}
  .flex-row-center { @extend .flex-row;align-items: center;}
  .flex-row-end { @extend .flex-row;align-items: center;justify-content: flex-end;}
  .flex-column { display: flex;flex-direction: column;}
  .flex-column-center { @extend .flex-column;align-items: center;}
  .flex-center { display: flex !important;align-items: center;justify-content: center;}
  .al-flex-end{align-items: flex-end;}
  .al-flex-start{align-items: flex-start !important;}
  .ju-flex-end{justify-content: flex-end;}
  .ju-flex-start{justify-content: flex-start;}
  .ju-between{justify-content: space-between;}
  .wrap{flex-wrap: wrap;}

  .flex-1{flex: 1;}
  .flex-2{flex: 2;}
  .flex-3{flex: 3;}
  .flex-4{flex: 4;}
  .flex-5{flex: 5;}
  .flex-6{flex: 6;}

  .inline-b{display: inline-block;}
  .inline-f{display: inline-flex;}
  .text-align-end{text-align: end;}
  .text-align-start{text-align: start;}


  .floatLeft { float: left; }
  .floatRight { float: right; }

  /* // 超出部分显示省略号 1行 */
  .lineOne{ white-space: nowrap; text-overflow: ellipsis !important; overflow: hidden; word-break: break-all; }
  /* //-2行 */
  .lineTwo{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }

  .w30{width: 30% !important;}
  .w40{width: 40% !important;}
  .w48{width: 48% !important;}
  .w50{width: 50% !important;}
  .w60{width: 60% !important;}
  .w80{width: 80% !important;}
  .w90{width: 90% !important;}
  .w92{width: 92% !important;}
  .w94{width: 94% !important;}
  .w96{width: 96% !important;}
  .w98{width: 98% !important;}
  .w100{width: 100% !important;}

  .h100{height: 100% !important;}

  .w100px{width: 100px !important;}
  .w120px{width: 120px !important;}
  .w140px{width: 140px !important;}
  .w150px{width: 150px !important;}
  .w160px{width: 160px !important;}
  .w180px{width: 180px !important;}
  .w200px{width: 200px !important;}
  .w250px{width: 250px !important;}
  .w300px{width: 300px !important;}
  .w350px{width: 350px !important;}
  .w400px{width: 400px !important;}

  .radiu10{border-radius: 10px;}
  .radiu20{border-radius: 20px;}
  .hidden{overflow: hidden;}

  .zindex1{z-index: 1;}

  .mini-size{font-size: 12px}
  .mini-gray-size{font-size: 12px;color:#999;}
  .base-size{font-size: 14px}
  .base-gray-size{font-size: 14px;color:#999;}
  .large-size{font-size: 20px}
  .large-gray-size{font-size: 20px;color:#999;}
  .size-24{font-size: 24px;}
  .size-24-gray{font-size: 24px;color:#999;}
  .size-26{font-size: 26px;}
  .size-26-gray{font-size: 26px;color:#999;}
  .size-30{font-size: 30px;}
  .size-30-gray{font-size: 30px;color:#999;}
  .size-32{font-size: 32px;}

  .weight{font-weight: 600;}

  .w-color{color: #ffffff !important;}
  .w-base-color{color:#6198ff;}
  .base-color{color:#0F49B5;}
  .success-color{color:#67C23A;}
  .warning-color{color:#F67D1B;}
  .danger-color{color:#F56C6C;}
  .base-gray-color{color:#666;}
  .gray-color{color:#909399;}
  .pink-color{color: #ff61d0;}

  .w-bg{background: #ffffff !important;}
  .base-bg{background:#0F49B5;}
  .base-mini-bg{background:#d4e3ff;}
  .base-img{background-image: url('/bg3.png');background-size:100% 100%;}
  .success-bg{background:#67C23A;}
  .warning-bg{background:#F67D1B;}
  .danger-bg{background:#F56C6C;}
  .gray-bg{background:#909399;}
  .mini-gray-bg{background:#f0f0f0;}
  .pink-bg{background: #ff61d0;}


  .head-title{font-size: 24px;}
  .line{width: 100%;height:1px;background: #f0f0f0}
  .line-w{width: 100%;height:3px;background: #f0f0f0}

  .shadow{box-shadow: 0px 10px 25px 0px rgba(15, 73, 181, 0.1);}
  .radius5{border-radius: 5px;}
  .radius10{border-radius: 10px;}
  .radius20{border-radius: 20px;}

  .overflow-y{overflow-y: auto;}
  .overflow-y-h{overflow-y: hidden;}

  .edit_icon{color:#0F49B5; cursor: pointer; display: flex; flex-direction: row; align-items: center;}
  .del_icon{color:#F67D1B; cursor: pointer; display: flex; flex-direction: row; align-items: center;}
  .read_icon{color:#666666; cursor: pointer; display: flex; flex-direction: row; align-items: center;}
  .edit_icon::before{ font-family: iconfont; content: '\e631'; margin-right: 1px; margin-top: 2px;}
  .del_icon::before{ font-family: iconfont; content: '\e74b'; margin-right: 1px;}
  .read_icon::before{ font-family: iconfont; content: '\e68a'; margin-right: 1px;}

  .read_btn{ background: #409eff; width: 50px !important; height: 28px !important; border-radius: 4px; border: none !important; font-size: 12px !important; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center;}
  .edit_btn{ background: #67C23A; width: 50px !important; height: 28px !important; border-radius: 4px; border: none !important; font-size: 12px !important; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center;}
  .del_btn{ background: #F56C6C; width: 50px !important; height: 28px !important; border-radius: 4px; border: none !important; font-size: 12px !important; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center;}

  .right_icon::before{ font-family: iconfont; content: '\e6bc'; }
  .bottom_icon::before{ font-family: iconfont; content: '\e6c3'; }

  .full-screen::before{ font-family: iconfont; content: '\e8fa'; }

  .eye::before{ font-family: iconfont; content: '\e68a';}

  .full-screen{position: absolute;z-index: 1; cursor: pointer; opacity: 0.5;}
  .full-screen:hover{transform: scale(1.6);}
  


  // 这下面是sb要改的样式 
  .el-dialog{
    border-radius: 10px !important; margin: 50px auto !important;
    .el-dialog__header{
      background: #DDEAFF !important;border-radius: 10px 10px 0 0 !important;display: flex;flex-direction: row !important; align-items: center;justify-content: center;font-size: 30px;font-weight: bolder;color: #0B6BFF !important; height: 60px;padding: 0 !important;
    }
    .el-dialog__headerbtn{margin-top: 0px;}
    .el-dialog__title{color: #0F49B5 !important;}
    .el-dialog__close{color: #0F49B5 !important;font-size: 24px !important;}
    .el-dialog__body{
      position: relative;
      border-radius: 0 0 10px 10px !important;min-height: 250px;
      // overflow: hidden;
      max-height: 680px;
      display: flex;
    }
    .el-dialog__body >div{position: relative;min-height: 250px;max-height: 680px;width: 99%;}

    .el-form{position: relative;height: 101%;overflow-y: auto;overflow-x: hidden;transform:rotate(0)}
    .el-form >.el-form-item{margin-left: 110px !important;}
    .el-form-item .el-form-item{margin-bottom: 18px;}
    .dialog-btns-item{bottom: 0;float: left;box-sizing: border-box;}
    .el-form-item-label{
      display: flex;flex-direction: column;
      > .el-form-item__label{
        display: flex;align-items: center;justify-content: start;padding: 0 30px;box-sizing: border-box;
        width: 1000px !important;height: 60px;background: #F3F6FB;margin-left: -130px;margin-bottom: 10px;
      }
      .el-form-item__content{
        // margin-left: 30px;
      }
    }
    .el-form-item__label{line-height: 42px !important;}
    .el-form-item__content{
      width: 640px !important;
    }
    .el-form .el-input{
      width: 640px !important; height: 42px !important;
    }
    .el-form .el-input__inner{
      width: 640px !important; height: 42px !important;
      border: 1px solid #CBCBCB !important;
    }
    .el-form .el-textarea{
      width: 640px !important;
    }
   
    .el-form .el-textarea__inner{
      width: 640px !important; height: 42px !important;
      border: 1px solid #CBCBCB !important;
    }
    .el-form .time .el-input{width: auto !important;}
    .el-form .time .el-input__inner{width: 100% !important;}
    .el-input__inner:focus{
      border: 1px solid #0B6BFF !important;
    }
    .el-form .checkboxgroup{
      width: 640px !important;
      margin-top: 5px;
    }
    .el-form .tox-tinymce{
      width: 640px !important;margin-bottom: 20px;
    }
    .dialog-btns{
      width: 640px;height: 40px;display: flex;flex-direction: row;justify-content: flex-end;
    }

    .defalut-input .el-input__inner{
      width: 150px  !important;
    }

    .detail-box{
      margin-left: 58px;
      width: 1224px !important;height: auto;border: 1px solid #CCCCCC;border-radius: 10px;overflow: hidden;
      display: flex; flex-direction: row; flex-wrap: wrap;
      .items{width: 408px;height: auto;display: flex; flex-direction: row;align-items: center;}
      .label{width: 180px;height: 100%;background: #F3F6FB;display: flex; flex-direction: row;align-items: center;justify-content: center;}
      .value{width: 230px;min-height: 80px;height: 100%; max-height: 200px; overflow-y: auto; display: flex; flex-direction: row;align-items: center;padding: 10px;box-sizing: border-box;}
      .l-flex1{width: 1220px;}
      .v-flex1{width: 1044px;}
      .bb{border-bottom: 1px solid #CCCCCC; box-sizing: border-box;}
      .br{border-right: 1px solid #CCCCCC;}
    }

    .w120 .el-input__inner{
      width: 120px !important;
    }
  }

  .el-dialog-default{
    .el-dialog__body{height: auto !important; min-height: auto;}
    .el-dialog__body >div{height: auto !important; min-height: auto;}
  }

  .team-data-box{
      .data-label{
          width: 100%;
          height: auto;
          background: #f4f8ff;
          border-radius: 10px;
          color: #333;
          .label-line{
              width: 5px;
              height: 16px;
              background: #3077fc;
              border-radius: 5px;
          }
      }
      .card{
        position: relative;
        color: #fff;flex: 1;
        width: auto;height: 100px;border-radius: 10px;
      }
      .card::before{content: ' ';width: 60px;height: 60px; border-radius: 60px; position: absolute; bottom: -30px; right: 30px; background: rgba(255,255,255,0.1);}
      .card::after{content: ' ';width: 100px;height: 100px; border-radius: 100px; position: absolute; bottom: -30px; right: -50px; background: rgba(255,255,255,0.1);}
      .data-con{
          width: 100%;
          flex: 1;background: #FFFFFF;box-shadow: 0px 10px 25px 0px rgba(15, 73, 181, 0.1);
          border-radius: 10px;
      }
      .el-form-box{
          width: 100%;
          height: 574px;
      }
      .datas-form{
          .el-cascader .el-input__inner{
              width: 800px !important; height: 42px !important;
          }
          .el-input{
              width: 800px !important; height: 42px !important;
          }
          .el-input__inner{
              width: 800px !important; height: 42px !important;
              border: 1px solid #CBCBCB !important;
          }
          .el-textarea{
              width: 800px !important; height: 42px !important;
          }
      
          .el-textarea__inner{
              width: 800px !important; height: 42px !important;
              border: 1px solid #CBCBCB !important;
          }
          .el-form-item__content .btn{
              position: absolute;right: 0;
              margin-top: 50px;
          }
      }
  } 



</style>
